import nprogress from 'nprogress'
import 'nprogress/nprogress.css'
import router from './router'
import store from './store'

const whiteList = ['/login', '/404']
router.beforeEach(async(to, from, next) => {
  // 开启进度条
  nprogress.start()
  // 获取token
  const { token, userId, loginId } = store.getters
  if (token) {
    // 存在token
    if (to.path === '/login') {
      // 跳转到主页
      next('/') // 中转到主页
      // 跳转到其他路由不会触发后置守卫，需要手动关闭进度条
      nprogress.done()
    } else {
      if (!userId) {
        await store.dispatch('user/getUserInfo', loginId)
      }
      next() // 放行
    }
  } else {
    // 没有token，判断是否在白名单中
    if (whiteList.includes(to.path)) {
      // 在白名单就放行
      next()
    } else {
      // 不在就跳转到登陆页
      next('/login') // 中转到登录页
      // 跳转到其他路由不会触发后置守卫，需要手动关闭进度条
      nprogress.done()
    }
  }
})

// 全局路由后置守卫
router.afterEach(() => {
  // 关闭进度条
  nprogress.done()
})
